/* 改变 icon 字体路径变量，必需 */
@import './varuables.scss';
$--font-path: "~element-plus/theme-chalk/fonts";

$--color-primary: $hs-color;
$--color-primary-light-1: mix($--color-white, $--color-primary, 10%); /* 53a8ff */
$--color-primary-light-2: mix($--color-white, $--color-primary, 20%); /* 66b1ff */
$--color-primary-light-3: mix($--color-white, $--color-primary, 30%); /* 79bbff */
$--color-primary-light-4: mix($--color-white, $--color-primary, 40%); /* 8cc5ff */
$--color-primary-light-5: mix($--color-white, $--color-primary, 50%); /* a0cfff */
$--color-primary-light-6: mix($--color-white, $--color-primary, 60%); /* b3d8ff */
$--color-primary-light-7: mix($--color-white, $--color-primary, 70%); /* c6e2ff */
$--color-primary-light-8: mix($--color-white, $--color-primary, 80%); /* d9ecff */
$--color-primary-light-9: mix($--color-white, $--color-primary, 85%); /* ecf5ff */
$--color-primary-light-10: mix($--color-white, $--color-primary, 95%); /* ecf5ff */

:root{
    --el-color-white: #{$--color-white};
    --el-color-primary: #{$--color-primary};
    --el-color-primary-light-1: #{$--color-primary-light-1};
    --el-color-primary-light-2: #{$--color-primary-light-2};
    --el-color-primary-light-3: #{$--color-primary-light-3};
    --el-color-primary-light-4: #{$--color-primary-light-4};
    --el-color-primary-light-5: #{$--color-primary-light-5};
    --el-color-primary-light-6: #{$--color-primary-light-6};
    --el-color-primary-light-7: #{$--color-primary-light-7};
    --el-color-primary-light-8: #{$--color-primary-light-8};
    --el-color-primary-light-9: #{$--color-primary-light-9};
    --el-color-primary-light-10: #{$--color-primary-light-10};
}



@forward '~element-plus/theme-chalk/src/common/var.scss' with (

    $colors: (
        'primary': (
            'base': #009688,
        ),
    )
);

// @use '~element-plus/theme-chalk/src/index';